.popover-content {
    color: #000;
}

time-picker-component {
    display: block;
}

.nav-content #timer-picker-component-box {
    height: 56px;
    line-height: 56px;
}
.nav-content #timer-picker-component-box a{
    color: #fff;
}

#timer-picker-component-box {
    height: 20px;
    line-height: 20px;
}



#timer-picker-component-box .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#timer-picker-dropdown {
    color: #000;
}

#timer-picker-component-box .dropdown,
#timer-picker-component-box .dropup {
    position: relative;
}


/*open dropdowm*/

#timer-picker-component-box .open>.dropdown-menu {
    display: block;
}

#timer-picker-component-box .open #timer-picker-dropdown i.fa {
    transform: rotate(-180deg) translate(-6px, 0);
}

#timer-picker-component-box .dropdown-menu>li>a:focus,
#timer-picker-component-box .dropdown-menu>li>a:hover,
#timer-picker-component-box .dropdown-menu>li>a.active {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

#timer-picker-component-box .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.pr10 {
    padding-right: 10px;
}

#timer-picker-component-box span.hide {
    display: none;
}

#timer-picker-component-box span>a {
    outline: none;
}

#timer-picker-component-box .formPicker {
    display: none;
}

#timer-picker-component-box .formPicker input {
    width: 120px;
    margin-bottom: 0;
    height: 25px;
    line-height: 25px;
}

#timer-picker-component-box .input-field input[type=text] {
    border-bottom: 1px solid #fff!important;
    box-shadow: 0 1px 0 0 #fff!important;
}

.input-field .error {
    border-bottom: 1px solid red!important;
}

#timer-picker-component-box .formPicker.show {
    display: inline-block;
}
